<template>
  <div>
    <h3>v-model修饰符</h3>
    <!-- 
      number>--转数字   -》parseFloat
      .trim   去除收尾空格
      .lazy 失去焦点内容改变触发事件
     -->
     <div>
       年龄：
     <input type="text" v-model.number="agt">
     </div>
     <div>
       <input type="text" name="" id="" v-model.trim="hai">
     </div>
     <div>
       <input type="text" name="" id="" v-model.lazy="dei">
     </div>
  </div>
</template>

<script>
export default {
data(){
  return{
    agt:'',
    hai:'',
    dei:''
  }
}
}
</script>

<style>

</style>